/* 禁用 */
.b-button-disabled {
  cursor: not-allowed;
  background-image: none;
}
/* margin */
.b-button + .b-button {
  margin-left: 10px;
}
/* 基础 */
.b-button {
  display: inline-block;
  margin: 0;
  outline: none;
  font-size: 14px;
  font-weight: 500;
  padding: 12px 20px;
  color: #606266;
  background-color: #fff;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  text-align: center;
  line-height: 1;
  white-space: nowrap;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  cursor: pointer;
}
.b-button:hover,
.b-button:focus {
  color: #409EFF;
  border-color: #c6e2ff;
  background-color: #ecf5ff;
}
.b-button:active {
  color: #3a8ee6;
  border-color: #3a8ee6;
  outline: 0;
}
.b-button.b-button-disabled,
.b-button.b-button-disabled:focus,
.b-button.b-button-disabled:hover {
  color: #c0c4cc;
  background-color: #fff;
  border-color: #ebeef5;
  cursor: not-allowed;
}
/* type */
.b-button-primary {
  color: #fff;
  background-color: #409eff;
  border-color: #409eff;
}
.b-button-primary:hover,
.b-button-primary:focus {
  color: #fff;
  background: #66b1ff;
  border-color: #66b1ff;
}
.b-button-primary.b-button-disabled,
.b-button-primary.b-button-disabled:focus,
.b-button-primary.b-button-disabled:hover {
  color: #fff;
  background-color: #a0cfff;
  border-color: #a0cfff;
  cursor: not-allowed;
}
.b-button-success {
  color: #fff;
  background-color: #67c23a;
  border-color: #67c23a;
}
.b-button-success:hover,
.b-button-success:focus {
  background: #85ce61;
  border-color: #85ce61;
  color: #fff;
}
.b-button-success.b-button-disabled,
.b-button-success.b-button-disabled:focus,
.b-button-success.b-button-disabled:hover {
  color: #fff;
  background-color: #b3e19d;
  border-color: #b3e19d;
  cursor: not-allowed;
}
.b-button-info {
  color: #fff;
  background-color: #909399;
  border-color: #909399;
}
.b-button-info:hover,
.b-button-info:focus {
  color: #fff;
  background: #a6a9ad;
  border-color: #a6a9ad;
}
.b-button-info.b-button-disabled,
.b-button-info.b-button-disabled:focus,
.b-button-info.b-button-disabled:hover {
  color: #fff;
  background-color: #c8c9cc;
  border-color: #c8c9cc;
  cursor: not-allowed;
}
.b-button-warning {
  color: #fff;
  background-color: #e6a23c;
  border-color: #e6a23c;
}
.b-button-warning:hover,
.b-button-warning:focus {
  background: #ebb563;
  border-color: #ebb563;
  color: #fff;
}
.b-button-warning.b-button-disabled,
.b-button-warning.b-button-disabled:focus,
.b-button-warning.b-button-disabled:hover {
  color: #fff;
  background-color: #f3d19e;
  border-color: #f3d19e;
  cursor: not-allowed;
}
.b-button-danger {
  color: #fff;
  background-color: #f56c6c;
  border-color: #f56c6c;
}
.b-button-danger:hover,
.b-button-danger:focus {
  background: #f78989;
  border-color: #f78989;
  color: #fff;
}
.b-button-danger.b-button-disabled,
.b-button-danger.b-button-disabled:focus,
.b-button-danger.b-button-disabled:hover {
  color: #fff;
  background-color: #fab6b6;
  border-color: #fab6b6;
  cursor: not-allowed;
}
/* 圆角 */
.b-button-round {
  border-radius: 20px;
  padding: 12px 23px;
}
/* circle */
.b-button-circle {
  border-radius: 50%;
  padding: 12px;
}
/* 大小 */
.b-button-medium {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.b-button-small {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.b-button-mini {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 3px;
}
